/*
 * @Description: 路由导航守卫
 * @Author: Yong
 * @Date: 2021-04-23 15:29:54
 * @LastEditTime: 2021-09-12 22:46:18
 */
import router from '@/router'
import store from '@/store'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'


const whiteList = ['/login', '/404'] // 定义白名单-不用受权限控制的页面

/**
 * 路由前置守卫
 */
router.beforeEach( async function (to, from, next) {
    nprogress.start() // 开启进度条
    // 1.判断有无token
    if (store.getters.token) {
        // 如果存在token, 判断是否是去登录页的
        if (to.path === '/login') {
            next('/') // 跳转至主页
        } else {
            // 只有放过的时候去获取用户资料-并且需要等待获取资料完成后放行await
            if (!store.getters.userId) {
                const { roles } = await store.dispatch('user/getUserInfo')
                // 如果说后续 需要根据用户资料获取数据的话 这里必须改成 同步
                // 筛选用户的可用路由
                // actions中函数 默认是Promise对象 调用这个对象 想要获取返回的值话 必须 加 await或者是then
                // actions是做异步操作的
                const routes = await store.dispatch('permission/filterRoutes', roles.menus)
                // routes就是筛选得到的动态路由
                // 动态路由 添加到 路由表中 默认的路由表 只有静态路由 没有动态路由
                // addRoutes  必须 用 next(地址) 不能用next()
                router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }]) // 添加动态路由到路由表  铺路
                // 添加完动态路由之后
                next(to.path) // 相当于跳到对应的地址  相当于多做一次跳转 为什么要多做一次跳转
                // 进门了，但是进门之后我要去的地方的路还没有铺好，直接走，掉坑里，多做一次跳转，再从门外往里进一次，跳转之前 把路铺好，再次进来的时候，路就铺好了
            } else {
                next() // 放行
            }
        }
    } else {
        // 如果不存在token，判断要去的地址是否在白名单
        if (whiteList.indexOf(to.path) > -1) {
            next()
        } else {
            next('/login')
        }
    }
    nprogress.done() // 为解决手动输入路由地址跳转，进度条不关闭问题
})

/**
 * 路由后置守卫
 */
router.afterEach(function (to, from, next) {
    nprogress.done() // 关闭进度条
})